<template>
  <div
    class="footer-seo-wrap julive_seo_footer"
    data-frommodule="m_footer"
    data-exposuremode="top"
    data-send="true"
  >
    <div class="footer-s-con">
      <div class="fsc-bd">
        <div class="fsc-L">
          <ul class="fsc-nav">
            <li v-for="(item, index) in footerList" :key="index" :class="linksIndex==index?'on':''">
              <a :href="currentCity.prefixUrl + item.href" target="_blank" @mouseover="linksIndex=index" v-show="item.href">{{ item.title }}</a>
              <a href="javascript: void(0)" v-show="!item.href" @mouseover="linksIndex=index">{{ item.title }}</a>
            </li>
          </ul>
          <div class="fsc-nav-con-wrap" v-if="linksIndex == 6&&currentCity.linksList.length > 0">
            <ul class="fsc-nav-content" :class="linksIndex==6?'active':''">
              <li v-for="(item,index) in currentCity.linksList" :key="index">
                <a target="_blank" :href="item.href" :title="item.linkName">{{item.linkName}}</a>
              </li>
            </ul>
          </div>
          <div class="fsc-info-wrap">
            <div class="fsc-title">
              <svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
                <path
                  d="M8 0a8 8 0 1 1 0 16A8 8 0 0 1 8 0zm.427 4.815L3.88 6.585c-.089.04-.17.141-.17.24v5.452h-.35c-.2 0-.359.16-.359.36 0 .2.16.36.36.36h6.687a.18.18 0 0 0 .18-.179V6.205c0-.1-.06-.23-.14-.29l-1.35-1.05a.383.383 0 0 0-.31-.05zm1.4-1.801l-4.178 1.13a.26.26 0 0 0-.17.23v.82c0 .19.16.35.36.35.2 0 .36-.16.36-.35v-.36c.02-.08.08-.17.17-.19l3.328-.86a.38.38 0 0 1 .31.05l.79.57c.08.06.14.18.14.28v8.133c0 .1.08.17.18.17h1.37c.02 0 .04 0 .06-.01.03.01.06.01.09.01.2 0 .36-.16.36-.35a.357.357 0 0 0-.361-.34c-.03 0-.06 0-.09.01-.02-.01-.04-.01-.071-.01h-.65c-.099 0-.179-.08-.179-.17V4.345c0-.1-.06-.22-.14-.28l-1.37-1a.38.38 0 0 0-.31-.051zm-2.06 6.932v.261c0 .1-.08.2-.169.22l-2.558.62c-.1.02-.17-.04-.17-.14v-.26c0-.1.08-.2.17-.219l2.558-.621c.1-.02.17.04.17.139zm0-1.23v.26c0 .1-.08.2-.169.22l-2.558.62c-.1.02-.17-.04-.17-.14v-.26c0-.1.08-.2.17-.22l2.558-.62c.1-.02.17.04.17.14zm0-1.231v.25c0 .101-.08.2-.169.22l-2.558.62c-.1.021-.17-.04-.17-.14v-.26c0-.1.08-.2.17-.22l2.558-.61c.1-.02.17.04.17.14z"
                  fill="#CCC"
                  fill-rule="evenodd"
                />
              </svg>
              <span>✖✖✖✖✖✖✖✖✖✖</span>
            </div>
            <div class="fsc-intro">
              <a href="javascript:;">✖✖✖✖✖✖✖✖✖✖</a>为您提供房地产信息咨询（包括
              <a
                :href="currentCity.prefixUrl"
                target="_blank"
              >{{ currentCity.cityName }}新楼盘</a>
              、新房开盘、{{ currentCity.cityName }}新开盘楼盘和{{
              currentCity.cityName
              }}房价走势等
              <a
                :href="currentCity.prefixUrl"
                target="_blank"
              >{{ currentCity.cityName }}新房</a>
              房产信息。） {{ currentCity.cityName }}新开楼盘信息，尽在{{
              currentCity.cityName
              }}✖✖✖✖✖✖✖✖✖✖。
            </div>
            <div class="fsc-info fsc-info-row">
              <div>
                <span>固定电话：</span>
                <span>{{currentCity.t400Num}}</span>
              </div>
              <div>
                <span>维权渠道：</span>
                <span>✖✖✖✖✖✖✖✖✖✖</span>
              </div>
            </div>
            <div class="fsc-info">
              <span>网站开发者：</span>
              <span>
                <a href="https://www.fangyangkj.com/" target="_blank">✖✖✖✖✖✖✖✖✖✖</a>
              </span>
            </div>
            <div class="fsc-info">
              <span>地址：</span>
              <span>✖✖✖✖✖✖✖✖✖✖</span>
            </div>
            <div class="fsc-info">
              <span>免责声明：</span>
              <span>
                本网站呈现的楼盘信息为网络采集信息，不作为您交易的决策依据，房屋面积的准确信息请您与开发商核实，并请以产权证明
                <br />或您委托的专业机构为准最终解释权归✖✖✖✖✖✖✖✖✖✖所有
              </span>
            </div>
          </div>
        </div>
        <div class="fsc-R">
          <div class="fsc-tab-nav" style="text-align: center">
            <!-- <span class="fsc-tab-box" @click="qrType = 1" :class="qrType == 1 ? 'active' : ''">下载APP</span> -->
            <span class="fsc-tab-box" @click="qrType = 2" :class="qrType == 2 ? 'active' : ''">微信小程序</span>
          </div>
          <div class="fsc-QR-wrap">
            <!-- <img
              src="https://mfgj.oss-cn-beijing.aliyuncs.com/upload/20211123/a9e0b886f5724e1db0280ba45bb77718.png"
              :class="qrType == 1 ? 'active' : ''"
              alt="APP"
            /> -->
            <img
              src="https://mfgj.oss-cn-beijing.aliyuncs.com/upload/20211017/55ca8041c95747fe9e23d960a5d45c7a.jpg"
              :class="qrType == 2 ? 'active' : ''"
              alt="微信小程序"
            />
          </div>
          <div class="fsc-qr-tip-wrap">
            <!-- <div class="fsc-qr-tip" :class="qrType == 1 ? 'active' : ''">
              <span>打开微信扫码</span>
              <br />
              <span>下载APP，了解更多房源信息</span>
            </div> -->
            <div class="fsc-qr-tip" :class="qrType == 2 ? 'active' : ''">
              <span>打开微信扫码</span>
              <br />
              <span>关注小程序，了解更多房源信息</span>
            </div>
          </div>
        </div>
      </div>
      <div class="fsc-fd">
        <div class="fsc-fd-L">
          <a href="https://beian.miit.gov.cn" target="_blank">蜀ICP备✖✖✖✖✖✖✖✖✖✖</a>
          © 2019-2030 {{currentCity.aliases?`${currentCity.aliases}.`:''}}mfgjw.com All Rights Reserved | 营业执照 | ICP证 |
          App版本号：iosv1.0.1 androidv1.0.1
        </div>
        <div class="fsc-fd-R">
          <span class="fsc-fd-box">
            <svg viewBox="0 0 14 14" xmlns="http://www.w3.org/2000/svg">
              <path
                d="M7 0a7 7 0 1 1 0 14A7 7 0 0 1 7 0zM4.59 2.626c-.27 0-.529.056-.763.156a1.956 1.956 0 0 0-1.2 1.888 6.687 6.687 0 0 0-.002.142c0 3.842 3.115 6.945 6.956 6.945l.085-.002a.356.356 0 0 0 .098-.016 1.943 1.943 0 0 0 1.58-1.291.407.407 0 0 0 .04-.103A1.953 1.953 0 0 0 7.61 9.342a4.63 4.63 0 0 1-2.536-2.867 1.954 1.954 0 0 0 1.458-1.89v-.018l-.006-.151c-.078-1.001-.915-1.79-1.935-1.79zm6.019 1.276a3.257 3.257 0 0 0-3.285-.79.405.405 0 0 0 .218.782l.17-.049c.802-.2 1.686.014 2.313.641.623.623.788 1.603.596 2.4a.406.406 0 1 0 .761.276h.003c.28-1.1.087-2.395-.776-3.26zM9.462 5.085a1.786 1.786 0 0 0-1.496-.489.405.405 0 0 0 .137.8l.12-.008c.24 0 .48.091.662.274.21.209.299.494.272.769a.405.405 0 0 0 .79.179l.013-.071.014-.173a1.744 1.744 0 0 0-.512-1.281z"
                fill="#777"
                fill-rule="evenodd"
              />
            </svg>
            {{currentCity.t400Num}}
          </span>
          <a href="https://m.mfgjw.com" target="_blank" class="fsc-fd-box fsc-mobile">
            <i class="icon-fs-mobile"></i>
            <span>移动端</span>
          </a>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
import u from '@/plugins/Ccom'
export default {
  props: ['currentCity'],
  data() {
    return {
      footerList: [
        {
          title: '联系我们',
          href: '/lxwm.html',
        },
        {
          title: '服务协议',
          href: '/fwxy.html',
        },
        {
          title: '投诉反馈',
          href: '/tsfk.html',
        },
        {
          title: '楼盘合作',
          href: '/lphz.html',
        },
        {
          title: '隐私政策',
          href: '/yszc.html',
        },
        {
          title: '网站地图',
          href: '/sitemap',
        }
      ],
      qrType: 2,
      linksIndex: 0,
    }
  },
  created() {
    if (this.currentCity.linksList.length > 0) {
      this.footerList.push({
        title: '友情链接',
        href: '',
      })
      this.linksIndex = 6
    }
  }
}
</script>
